<div id="scrollContent" #scrollContent>
  <div id="topSegment" class="buttonNavThreeClassName">
    <ion-segment #segment (ionChange)="segmentChanged($event)" [ngStyle]="getCustomNgStyle(tagData.cssType)"
      [(ngModel)]="selectedSegment" [scrollable]="true">
      <ion-segment-button *ngFor="let item of tagData.data;let i=index;" [value]="i">
        <ng-container *ngIf="item.partLink&&!item.msgCount">
          <span *ngIf="item.partLink" [ngClass]="{'spanBadge':item.badge!=='0'}">{{item.label}}</span>
        </ng-container>
        <ng-container *ngIf="item.partLink&&item.msgCount">
          <div class="badge-layer">
            <p class="badge-p-font">{{item.label}}</p>
            <div class="badge-count">{{item.msgCount}}</div>
          </div>
        </ng-container>
        <div *ngIf="item.partLink" class="bar"></div>
      </ion-segment-button>
    </ion-segment>
    <ng-container *ngFor="let item of tagData.data;let i=index;">
      <div *ngIf="item.tabType==='icon'||item.link" style="height: 2.75rem;background: white;">
        <img src="assets/img/brand_icon_whole@3x.png" class="segment-img-link" appDebounceClick (debounceClick)="get(item)">
      </div>
      <div *ngIf="item.tabType==='icon'||item.link"
        style="width:1.88rem;height: 2.75rem;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);opacity:0.9;position: absolute;right: 2.9rem;">
      </div>
    </ng-container>
  </div>
  <div id="sg-bg" style="display: none;"></div>
  <hr *ngIf="tagData.cssType===3||tagData.cssType===1" class="cssType3-line">
  <app-subtab1 *ngIf="subComs5" [subComs]="subComs5" style="width: 100%;text-align: initial !important;">
  </app-subtab1>
</div>